import { style } from '../../../../theme/style';
import { GLOBAL } from '../../../../config/global';
import {
	StyleSheet,
	PixelRatio
} from "react-native";

const scale = GLOBAL.SCALE;

export const styles = StyleSheet.create({
	ocrWrap: {
		width: 375 * scale,
		height: GLOBAL.SCREEN_HEIGHT,
		backgroundColor: 'rgba(0, 0, 0, 0)',
		justifyContent: 'center',
		alignItems: 'center',
	},
	loadedCell: {
		width: 75 * scale,
		height: 75 * scale,
		backgroundColor: 'rgba(0, 0, 0, .5)',
		borderRadius: 7,
		justifyContent: 'center',
		alignItems: 'center',
	},
	container: {
		flex: 1,
		backgroundColor: style.color.white,
	},
	emptyBg: {
		height: 39 * scale,
		backgroundColor: style.color.themeColor,
		marginBottom: 13 * scale,
	},
	paiziBox: {
		width: 351 * scale,  // 726
		height: 60 * scale,
		position: 'absolute',
		left: 12 * scale,
		top: 8 * scale
	},
	paizi: {
		flexDirection: 'row',
		height: 48 * scale,
		justifyContent: 'space-between',
		alignItems: 'center',
		paddingLeft: 15 * scale,
		paddingRight: 15 * scale,
		paddingTop: 10 * scale
	},
	paiziBg: {
		width: 351 * scale,
		height: 60 * scale,
		position: 'absolute',
	},
	budget: {
		flexDirection: 'row',
		justifyContent: 'space-between',
		alignItems: 'center',
	},
	topLeft: {
		fontSize: 14 * scale,
		color: style.color.themeColor,
	},
	topRight: {
		fontSize: 13 * scale,
		color: '#222',
	},
	itemBox: {
		paddingLeft: 12 * scale,
		paddingRight: 12 * scale,
		paddingBottom: 13 * scale,
		backgroundColor: '#fff'
	},
	itemTitle: {
		fontSize: 14 * scale,
		color: style.color.themeColor,
		height: 20 * scale,
		lineHeight: 20 * scale,
		marginTop: 12 * scale,
		marginBottom: 12 * scale
	},
	borders: {
		borderTopWidth: 12 * scale,
		borderStyle: 'solid',
		borderTopColor: style.color.dullGrey,
	},
	infoBlue: {
		width: '100%',
		backgroundColor: style.color.infoBlue,
		borderRadius: 4 * scale,
		paddingTop: 5 * scale,
		paddingBottom: 5 * scale,
		paddingLeft: 8 * scale,
		paddingRight: 8 * scale,
		marginTop: 5 * scale,
		marginBottom: 5 * scale
	},
	infoText: {
		fontSize: 12 * scale,
		color: '#2F7BFF'
	},
	viewWidthTopBorder: {
		borderTopWidth: 1 / PixelRatio.get(),
		borderStyle: 'solid',
		borderBottomColor: style.color.border,
		marginTop: 6 * scale,
		paddingTop: 6 * scale,
	},
	viewWidthBottomBorder: {
		borderBottomWidth: 1 / PixelRatio.get(),
		borderStyle: 'solid',
		borderBottomColor: style.color.border,
		marginTop: 6 * scale,
		paddingTop: 6 * scale,
	},
	newPrice: {
		position: 'relative',
		height: 40 * scale
	},
	newPriceBg: {
		height: 24 * scale,
		paddingLeft: 15 * scale,
		paddingRight: 15 * scale,
		flexDirection: 'row',
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#EDF3FF',
		marginBottom: 15 * scale,
		borderRadius: 12 * scale,
		position: 'absolute',
		top: 0,
		left: 0
	},
	priceTitle: {
		fontSize: 10 * scale,
		color: '#222',
	},
	price: {
		color: style.color.taps,
		fontSize: 13 * scale
	},
	lotBox: {
		borderTopWidth: 1 / PixelRatio.get(),
		borderStyle: 'solid',
		borderTopColor: style.color.border,
		height: 60 * scale,
		flexDirection: 'row',
		alignItems: 'center'
	},
	lotItem: {
		flexDirection: 'row',
		justifyContent: 'center',
		alignItems: 'center',
	},
	lotText: {
		width: '50%',
		height: 20 * scale,
		fontSize: 18 * scale,
		color: style.color.dark,
		marginLeft: 15 * scale,
		borderRightWidth: 2 * scale,
		borderStyle: 'solid',
		borderRightColor: style.color.border,
	},
	animateBg: {
		// height: 120 * scale,
		backgroundColor: style.color.white
	},
	credit: {
		fontSize: 13 * scale,
		color: '#f86765',
		padding: 4 * scale
	},
	salePrice: {
		width: 351 * scale,
		backgroundColor: '#F8F8F8',
		borderRadius: 4 * scale,
		paddingLeft: 12 * scale,
		paddingRight: 12 * scale,
		marginBottom: 16 * scale
	},
	totalPrice: {
		borderTopWidth: 1 / PixelRatio.get(),
		borderStyle: 'solid',
		borderBottomColor: '#e4e4e4',
		marginTop: 6 * scale,
		paddingTop: 6 * scale,
	},
	profitView: {
		backgroundColor: '#fff0b3',
		padding: 10 * scale
	},
	profitText: {
		color: '#cf8300'
	},
	suggestedPriceText: {
		fontSize: 10 * scale,
		color: '#222222',
	},
	suggestedPriceView: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'flex-end',
		marginRight: 7 * scale,
		marginTop: 7 * scale,
		marginBottom: 7 * scale,
	},
	suggestedPriceImg: {
		width: 8 * scale,
		height: 10 * scale,
		marginRight: 5 * scale,
		marginLeft: 5 * scale,
	},
	listItemText: {
		flex: 2,
		flexWrap: 'wrap',
		justifyContent: 'space-between',
		padding: 6 * scale
	},
	text: {
		fontSize: 12 * scale,
		color: '#222222'
	},
	file: {
		flex: 5,
		fontSize: 12 * scale,
		color: style.color.themeColor,
		textAlign: 'right',
		marginLeft: 14 * scale,
		padding: 10
	},
})